<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<!-- 引入重置样式 -->
		<link rel="stylesheet/less" type="text/css" href="css/reset.less" />
		<!-- 引入页面样式 -->
		<link rel="stylesheet/less" type="text/css" href="css/index.less" />
	</head>
	<body>
		<!-- 头部 -->
		<div class="header">
			<div class="header-sou">
				<img src="images/header_03.png" />
				<input type="text" placeholder="搜索内容" id="txt" />
			</div>
		</div>
		<!-- cate -->
		<div class="cate">
			<div class="item">
				<img src="images/item1_03.png" />
				<div class="item-title">美&nbsp;食</div>
			</div>
			<div class="item">
				<img src="images/item2_03.png" />
				<div class="item-title">甜&nbsp;点</div>
			</div>
			<div class="item">
				<img src="images/item3_03.png" />
				<div class="item-title">牛&nbsp;奶</div>
			</div>
			<div class="item">
				<img src="images/item4_03.png" />
				<div class="item-title">蔬&nbsp;菜</div>
			</div>
			<div class="item">
				<img src="images/item5_03.png" />
				<div class="item-title">茶</div>
			</div>
			<div class="item">
				<img src="images/item6_03.png" />
				<div class="item-title">快&nbsp;餐</div>
			</div>
			<div class="item">
				<img src="images/item7_05.png" />
				<div class="item-title">饮&nbsp;料</div>
			</div>
			<div class="item">
				<img src="images/item8_08.png" />
				<div class="item-title">海&nbsp;鲜</div>
			</div>
		</div>
		<!-- banner -->
		<div class="banner">
			<img src="images/banner_03.png" />
		</div>
		<!--  -->
		<div class="cate-title">
			<span class="title-sapn">美&nbsp;食</span>
			<span>更&nbsp;多&nbsp;>></span>
		</div>
		<!-- 菜单列表 -->
		<div class="list">
			<div class="item">
				<img src="images/main1_03.png" alt="">
				<div class="list-main">
					<div class="title">
						美味蔬果拼盘
					</div>
					<div class="price">￥ 288</div>
					<div class="num">3524人已买</div>
				</div>
			</div>
			<div class="item">
				<img src="images/main2_03.png" alt="">
				<div class="list-main">
					<div class="title">
						美味蔬果拼盘
					</div>
					<div class="price">￥ 288</div>
					<div class="num">3524人已买</div>
				</div>
			</div>
			<div class="item">
				<img src="images/main1_03.png" alt="">
				<div class="list-main">
					<div class="title">
						美味蔬果拼盘
					</div>
					<div class="price">￥ 288</div>
					<div class="num">3524人已买</div>
				</div>
			</div>
			<div class="item">
				<img src="images/main2_03.png" alt="">
				<div class="list-main">
					<div class="title">
						美味蔬果拼盘
					</div>
					<div class="price">￥ 288</div>
					<div class="num">3524人已买</div>
				</div>
			</div>
		</div>
		<!-- 底部 -->
		<nav>
			<ul>
				<li>
					<a href="#">
						<img src="images/tab1_03.png" alt="">
						<div>主页</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/tab2_03.png" alt="">
						<div>店铺</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/tab3_03.png" alt="">
						<div>订单</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/tab4_03.png" alt="">
						<div>我的</div>
					</a>
				</li>
			</ul>
		</nav>
	</body>
</html>
<script src="js/less.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
